/*RESET WILL UPDATE MORE			 */
abbr, acronym {border: 0 none; font-variant: normal;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: 400;}
body {font-family: Arial; margin:0 auto;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
caption, th {text-align: left;}
em {font-style: italic; font-weight: inherit;}
fieldset, img {border: 0 none; display: block; }
html {overflow-y: scroll;}
html {/*background: #f4f4f4 none repeat scroll 0 0;*/}
a, input[type="submit"], input[type="reset"], input[type="button"] {border: 0 none; cursor: pointer; outline-style: none;}
a { text-decoration: none; }
input, textarea, select {font-family: inherit; font-size: inherit; font-weight: inherit; outline-style: none; outline-width: 0;}
legend {color: #000000; display: none;}
li {list-style-image: none; list-style-position: outside; list-style-type: none;}
strong {font-style: inherit; font-weight: 700;}
sub {vertical-align: text-bottom;}
sup {vertical-align: text-top;}
table {border-collapse: collapse; border-spacing: 0;}

/**/


body { width:100%; font-style:normal; font-family:arial,verdana,tahoma,inherit; font-size:12px; margin:0px; background-image:url(../images/df_background.png); background-repeat:repeat-x }
#all { width:1000px; margin: 0 auto; }
button { border:none; cursor:pointer }
input { border:none }
.clearthis{clear:both}
.fl{float:left}
a { cursor:pointer }
a img { border:none }
#logo { width:136px; height:53px; float:left }
.w1 { width:1px; height:22px; padding:16px 11px 15px 11px; float:left }
.w1 div { width:1px; height:22px; background-color:#FFFFFF; float:left }
.w2 { width:25px; height:30px; float:left }
.w3 { width:100%; height:1px; overflow:hidden; background-color:#EAEAEA; float:left }
.w4 { width:100%; height:0px; overflow:hidden; float:left }
.w5 { width:25px; height:28px; background-image:url(../images/iGoal_MyProfile_revision1.0.0_r2_c2.gif); float:right }
.w6 { width:100%; height:10px; overflow:hidden; float:left }
.w7 { width:4px; height:22px; float:left }
.w8 { width:4px; height:27px; float:left }
.w9 { width:100%; height:16px; overflow:hidden; float:left }
.w10 { width:1px; height:20px; background-position:-555px -585px; padding-left:5px; float:left }
.w11 { width:25px; height:28px; background-image:url(../images/iGoal_MyProfile_revision1.0.0_r2_c2_2.gif); float:right }
.w12 { width:100%; height:1px; overflow:hidden; float:left }
.w13 { width:29px; height:16px; float:left; background-image:url(../images/_r3_c4.gif) }
.w14 { width:100%; height:5px; overflow:hidden; float:left }
.w15 { width:100%; height:1px; overflow:hidden }
.w16 { width:1px; height:10px; background-color:#CDEBFD; float:left }
.w17 { width:100%; height:15px; overflow:hidden }
.w18 { width:5px; height:21px; float:right }
.edittext { float:left; height:12px; color:#666666; font-size:12px; }

/*----------------------- background position -----------*/


.w10, #acc_contain .infomation .icon .smiles, #acc_contain .infomation .icon .contact, #acc_contain .infomation .icon .friend, #acc_contain .infomation .icon .support, #igoal_search, #top_goal .icon, #goal_info .chosen .left, #goal_info .chosen .right, #goal_info .goal_list, .dropicon .icon1, .archtitle, .goals .likeicon, .useredit .icon1, .useredit .icon2, .useredit .icon3, .useredit .icon4, #comment .useracc .delicon, #comment .commentbox .icon, #goalstip, .sharingtip .icontip, #aboutme .top, #aboutme .buttom, .viewall, .nextframe, .prevframe, .edit_entry .top .icon, .edit_entry .middle .uploadimg .uploadbrowns, .edit_entry .middle .uploadimg .uploadbutton, .edit_entry .middle .editbutton .save, .edit_entry .middle .editbutton .deleted, #memberdo .right .button, #memberdo .left .goalname .icon, .paging .iconprev, .paging .iconnext,.timeDoIt .icon, .archicle .archic .timedotit .icon, .archicle .archic .howdo .icon, #goalrank, .edittitle .icon, #goodjob .left, #goodjob .right, #login .errorlogin .icon, #login .loginpage .left .title, .score1 .scorebar, .score1 .scorebar .left, .score1 .scorebar .right, .score1 .scorebar .center, .score2 .scorebar, .score2 .scorebar .left, .score2 .scorebar .left, .score2 .scorebar .center, .score2 .scorebar .right, #popup1 .icon, #popup1 .info .button .yes, #popup1 .info .button .no, #aboutme .middle .icon, #acc_contain .infomation .icon .smiles .hide, #acc_contain .infomation .icon .contact .hide .messenge .icon, .dropicon .icon1 .hide, #header .top .chosen,.howDidIt .icon     {  background-image:url(../images/background_images.png); float:left; background-repeat:no-repeat }


/*----------------------- Style -------------------------*/


#slogan { width:300px; padding-top:18px; font-family:tahoma,verdana,arial; font-weight:bold; font-size:14px; color:#FFFFFF; float:left }


/*----------------------- Header ------------------------*/



#header { width:100%; height:110px; float:left }
#header .top { width:100% ; height:21px; padding:7px 0 7px 0; float:left }
.input_search { width:125px; height:18px; color:#999999; font-size:12px; font-family:tahoma, verdana, arial;background-color:#2B2B2B; border:solid 1px #6D6D6D; padding-left:5px; border-right:none; float:left }
#header .top .logout { font-size:11px; font-weight:bold; float:right; color:#999999; padding:3px 0 0 10px } 
#header .top .logout a:hover { text-decoration:underline }
#header .top .chosen { width:96px; height:18px; float:right; background-position:-580px -605px; padding:3px 0 0 7px }
#header .top .icon { width:54px; height:18px; float:right; background-image:url(../images/r3_c3.gif); color:#FFFFFF; padding-top:3px }
.button_search { width:29px; height:22px; background-image:url(../images/gif/search_button.gif); float:left; display:block; cursor:pointer }
#header .banner { width:100%; height:63px; padding-top:12px; background-image:url(../images/banner_background.png); float:left }



/*------------------------contain -----------------------*/



#acc_contain { width:100%; height:83px; padding-top:12px; float:left;_padding-top:0px;*padding-top:0px;}

#acc_contain h2.publicHeader{float:left;color:#FF6600;font-size:24px;width:500px;line-height:16px;padding-bottom:5px;}
#acc_contain .publicLink{width:500px;padding-top:4px;color:#cecece}
#acc_contain .publicLink a{font-size:11px;color:#cecece;}
#acc_contain .publicLink a:hover{font-size:11px;color:#cecece;cursor:normal}
#acc_contain .avatar { float:left }
#acc_contain a.editAvatar{width:74px;height:74px;position:absolute;background-color:white;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
#acc_contain a.editAvatar:hover{width:74px;height:74px;background-image:url(../images/avatar_overlay.png);opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)}
#acc_contain .infomation { width:700px; padding-left:12px; float:left }
#acc_contain .infomation .title {  font-weight:bold; color:#666666; font-size:13px ;padding-top:2px } 
#acc_contain .infomation .titleDashboard{font-size:16px !important}
#acc_contain .infomation .titleDashboard input{border:solid 1px #E2E2E2;padding:2px 2px 2px 2px;color:#333;margin-left:7px}
#acc_contain .infomation .titleDashboard b{font-size:16px}
#acc_contain .infomation .title b { font-family:inherit; font-size:13px }
#acc_contain .infomation .updatetime { color:#999999; font-size:11px; }
#acc_contain .infomation .updatetimeDashboard{padding-left:7px}
#acc_contain .infomation .icon { width:270px; height:30px; float:left }
#acc_contain .infomation .iconDashboard{padding-left:4px !important}
#acc_contain .infomation .icon .smiles { width:39px; height:30px; background-position:0 0 }
#acc_contain .infomation .icon .smiles .show { width:39px; height:30px }
#acc_contain .infomation .icon .smiles .hide { width:39px; height:30px; background-position:0 0; display:none }
#acc_contain .infomation .icon .smiles .hide:hover { background-position:0 -30px }
#acc_contain .infomation .icon .smiles:hover { width:39px; height:30px; background-position:0 -30px; cursor:pointer }
#acc_contain .infomation .icon .smiles:hover .hide { display:block; position:relative }
#acc_contain .infomation .icon .contact { width:39px; height:30px; background-position:-51px 0px;}
#acc_contain .infomation .icon .contact .show { width:39px; height:30px }
#acc_contain .infomation .icon .contact .hide { width:297px; padding:6px 6px 6px 6px; background-color:#2D9DCF; display:none;  }
#acc_contain .infomation .icon .contact .hide .contactbox { width:290x; height:51px; padding:7px 0 7px 7px; background-color:#F6FCFF }
#acc_contain .infomation .icon .contact .hide .contactbox .avatar { width:47px; height:47px; padding:2px; background-color:#FFFFFF; float:left }
#acc_contain .infomation .icon .contact .hide .contactbox .avatar img { width:47px; height:47px }
#acc_contain .infomation .icon .contact .hide .contactbox .textbox { width:229px; padding-left:10px; float:left }
#acc_contain .infomation .icon .contact .hide .contactbox .textbox .name { width:100%; font-size:14px; font-weight:bold; padding-bottom:2px; color:#18536E }
#acc_contain .infomation .icon .contact .hide .contactbox .textbox .content { width:100%; font-size:11px; font-weight:100; padding-bottom:2px; color:#666666 }
#acc_contain .infomation .icon .contact .hide .contactbox .textbox .updatetime { width:100%; font-size:10px; font-weight:100; padding-bottom:2px; color:#999999 }
#acc_contain .infomation .icon .contact .hide .messenge { width:100%; height:12px; padding:10px 0 8px 0 }
#acc_contain .infomation .icon .contact .hide .messenge .title { float:right; font-weight:100; padding-left:5px; padding-right:10px; color:#FFFFFF }
#acc_contain .infomation .icon .contact .hide .messenge .title:hover { text-decoration:underline }
#acc_contain .infomation .icon .contact .hide .messenge .icon { float:right; width:19px; height:13px; background-position:-550px -605px }
/*#acc_contain .infomation .icon .contact:hover { width:39px; height:30px; background-position:-50px -30px; cursor:pointer }
#acc_contain .infomation .icon .contact:hover .hide { display:block; position:relative }*/
#acc_contain .infomation .icon .friend { width:39px; height:30px; background-position:-113px 0 }
#acc_contain .infomation .icon .friend .show { width:39px; height:30px }
#acc_contain .infomation .icon .friend .hide { width:213px; padding:10px 7px 10px 7px; background-color:#2D9DCF; display:none;color:#FFF }
/*#acc_contain .infomation .icon .friend:hover { width:39px; height:30px; background-position:-113px -30px; cursor:pointer }
#acc_contain .infomation .icon .friend:hover .hide { display:block; position:relative }*/
#acc_contain .infomation .icon .friend .hide .friendbox { width:213px; height:51px }
#acc_contain .infomation .icon .friend .hide .friendbox .avatar { width:47px; height:47px; padding:2px; background-color:#FFFFFF; float:left }
#acc_contain .infomation .icon .friend .hide .friendbox .avatar img { width:47px; height:47px }
#acc_contain .infomation .icon .friend .hide .friendbox .textbox { width:160px; padding-left:0px; float:left }
#acc_contain .infomation .icon .friend .hide .friendbox .textbox .addfriend { width:100%; font-size:11px; color:#FFFFFF;padding-left:12px; }
#acc_contain .infomation .icon .friend .hide .friendbox .textbox .addfriend a { font-weight:bold ;color:#FFF}
#acc_contain .infomation .icon .friend .hide .friendbox .textbox .reply { width:100%; font-size:12px; font-weight:bold; padding-top:6px; color:#CDEBFD }
#acc_contain .infomation .icon .friend .hide .friendbox .textbox .reply a:hover { text-decoration:underline }
#acc_contain .infomation .icon .friend .hide .friendbox .textbox .reply a { float:left; padding:0 12px 0 12px; line-height:10px; color:#FFF}
#acc_contain .infomation .icon .support { width:39px; height:30px; background-position:-169px 0px }
#acc_contain .infomation .icon .support .show { width:39px; height:30px }
#acc_contain .infomation .icon .support .hide { width:168px; padding:10px 7px 10px 7px; background-color:#2D9DCF; display:none }
#acc_contain .infomation .icon .support .hide .textbox { width:100%; height:20px }
#acc_contain .infomation .icon .support .hide .textbox .icon {width:11px; height:11px; float:left; background-image:url(../images/_r2_c3.gif) }
#acc_contain .infomation .icon .support .hide .textbox a { width:130px; float:left; color:#FFFFFF; font-size:12px }
#acc_contain .infomation .icon .support .hide .textbox a:hover { text-decoration:underline }
/*#acc_contain .infomation .icon .support:hover { width:39px; height:30px; background-position:-169px -30px; cursor:pointer }
#acc_contain .infomation .icon .support:hover .hide { display:block; position:relative }*/



/*-------------------------infomation--------------------*/


#infomation { width:100%; float:left;padding-top:12px }
#infomation #left { width:650px; float:left;}
#infomation #left .question { width:100%; float:left;padding-bottom:5px }
#infomation #left .question h1 { color:#FF9900; font-size:15px; float:left }
#infomation #left .question h2 { color:#666666; font-size:11px; font-style:italic; font-weight:100; float:left; padding:3px 0 0 10px }
#infomation #right { width: 322px; padding-left:18px; float:left }
#infomation #right .question { width:100%; float:left  }
#infomation #right .question h1 { font-size:15px; color:#333; font-weight:bold; float:left;padding:14px 0px 10px 0px; }
.viewall { width:86px; height:27px; background-position:-345px -335px; float:right }
.dem1 { float:right; padding-top:11px }
.viewall:hover { width:86px; height:27px; background-position:-435px -335px; cursor:pointer; float:right }


/*--------------------------------------------------------*/


#updateuser { width:295px; padding:13px; background-color:#E8F8FA; float:left;margin-bottom:15px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px; } 
#updateuser .demo2 { width:293px; height:19px;  background-image:url(../images/demo2.png); float:left }
.sharingtip { width:100%;  height:20px; float:left }
.sharingtip .icontip { width:10px; height:20px; background-color:#333333; background-position:-325px -340px; float:left }
.sharingtip .tip { width:270px; padding-left:5px; font-size:12px; color:#1984BB; float:left }
.sharingtip a.tip:hover{color:#185A7E}
.sharingtip .tip b { color:#FF6600 }
.sharingtip .tip a:hover { font-weight:bold }
#hot { width:269px; border:solid 1px #FFD9A9; padding:12px; background-color:#F8FFF0; font-size:12px; color:#333333; float:left }
#aboutme { width:100%; float:left }
#aboutme .top { width:100%; height:5px; overflow:hidden; background-position:-170px -575px; float:left }
#aboutme .middle { width:313px; font-size:12px; color:#666666; padding:2px 0px 5px 10px; background-image:url(../images/aboutmebg.png); float:left }
#aboutme .middle .editabletext { width:273px; font-size:12px; padding-left:3px; color:#666666; padding-top:9px; float:left }
#aboutme .middle .icon { width:19px; height:40px; background-position:-665px -365px; float:left }
#aboutme .buttom { width:100%; height:8px; overflow:hidden; background-position:-170px -640px; float:left }
.dem2 { padding-top:15px; float:right } 
.nextframe { width:5px; height:10px; background-position:-190px -460px; padding-right:5px; float:right }
.prevframe { width:5px; height:10px; background-position:-170px -460px; padding-right:5px;  float:right }
#goalrank { width:324px; height:166px; background-position:-25px -660px; color:#FFFFFF; float:left;margin-bottom:15px; } 
#goalrank .title { width:274px; font-size:14px; padding:34px 0 0 50px; font-weight:bold; float:left }
#goalrank .rank { width:259px; padding:6px 0 0 65px ; line-height:20px; font-size:12px; float:left }
 
 



/* -------------------------------------------------------*/
#igoal_search { width: 646px; height:78px; background-position:0 -62px; padding-bottom:15px; float:left }
#igoal_search input[type="text"]{ position:relative; height:38px; left:55px; top:22px; width:518px; border:none; background-color:transparent; font-size:21px; color:#666; font-family:Arial; font-weight:bold; line-height:37px }
#igoal_search input[type="button"] { position:relative; cursor:pointer; height:40px; left:65px; top:16px; width:44px; opacity:0; filter:alpha(opacity=0);-moz-opacity:0} 
#top_goal { width:100%; padding-bottom:10px; float:left }
#top_goal .icon { width:45px; height:80px; padding-right:10px; background-position:0px -155px; float:left }
#top_goal .right { width:100%; float:left }
#top_goal .right .top { color:#333333;float:left;font-size:15px;font-weight:bold;padding-bottom:7px;width:100%;}
#top_goal .right .buttom { float:left;line-height:21px;padding-top:5px;text-align:justify;width:100%; }
#top_goal .right .buttom a { padding:2px }
#top_goal .right .buttom a:hover { text-decoration:underline}
#goal_info { width:100%; float:left }
#goal_info .chosen { width:100%; height:39px; float:left }
#goal_info .chosen .left { width:305px; height:39px; float:left; background-position:-50px -275px; }
#goal_info .chosen .left:hover { width:305px; height:39px; float:left; background-position:-50px -212px; }
.btnDashboardSelectedL{background-position:-50px -155px !important}
.btnDashboardSelectedR{background-position:-368px -155px !important}
#goal_info .chosen .right { width:305px; height:39px; float:right; background-position:-368px -275px; }
#goal_info .chosen .right:hover { width:305px; height:39px; float:right; background-position:-368px -212px; }
#goal_info .goal_list { width:100%; height:36px; padding-bottom:14px; float:left; background-position:-226px -13px } 
#goal_info .goal_list .listnumber { text-align:center;width:24px; height:21px; float:left; font-size:14px; padding-left:0px; padding-top:12px; color:#999999; font-weight:bold }
#goal_info .goal_list .listname { float:left; font-size:16px; padding-left:5px; padding-top:10px; color:#25ACDB; font-weight:bold }
#goal_info .goal_list a.listname:hover{color:#2C80BE}
#goal_info .goal_list .dropicon { width:18px; height:16px; padding-left:5px; padding-top:15px; float:left }
#goal_info .goal_list .dropicon .icon1 { width:18px; height:17px;  background-position:-47px -337px;cursor:pointer }
#goal_info .goal_list .dropicon .icon1 .hide { width:125px; height:82px; display:none; background-position:-105px -940px; font-size:12px; color:#666666; position:relative; padding:23px 0 0 30px; }
#goal_info .goal_list .dropicon .icon1 .hide .text { width:100% ; font-size:11px; padding-bottom:4px; color:#666666; float:none }
#goal_info .goal_list .dropicon .icon1 .hide .text:hover { font-weight:bold }
#goal_info .goal_list .dropicon .icon1:hover .hide { display:block }
#goal_info .goal_list .sum { float:right; width:110px; padding-top:18px; font-family: arial,tahoma,verdana; font-size:12px; color:#333333; text-align:right}
#goal_info .goal_list .demo1 { width:192px; height:50px; background-image:url(../images/demo1.png); float:right }
.archtitle { width:605px; height:28px; padding-top:9px; padding-left:45px; background-position:0 -370px; font-size:13px; font-weight:bold; color:#FF9900; float:left }
.goals { width:100%;background-position:0 -410px; float:left } 
.goals .likeicon { width:66px; height:27px; background-position:-75px -450px; float:right }
.goals .likeicon:hover { width:66px; height:27px; background-position:-0px -450px; float:right }
.goals .peoplelikenumber { float:right; font-size:12px; padding-top:5px; padding-right:5px; color:#666666 }
.archic .goalnames, .goals .goalnames { float:left; width:500px;font-size:14px;color:#666;padding-bottom:3px}
.archic .goalnames span, .goals .goalnames span { color:#25ACDB }
.archic .goalnames span a, .goals .goalnames span a{color:#25ACDB;font-weight:bold}
.archic .goalnames span a:hover, .goals .goalnames span a:hover{color:#229EC8;text-decoration:underline}
.archic .updatetime, .goals .updatetime {padding-top:2px; width:500px; font-size:11px; color:#999999;font-style:italic}
.infogoal { width:100% ; padding-top:8px; float:left }
.infogoal  h1{line-height:16px;padding-bottom:3px}
.infogoal  h1 a{color:#333;font-size:18px;line-height:130% !important}
.infogoal  h1 a:hover{color:#666;}
.goalTitle{font-size:16px;color:#666;font-weight:bold;padding-bottom:7px;}
.goalTitle a{color:#39F;}
.goalTitle a:hover{color:#F30;}
.infogoal .readmore a{color:#F90 !important;font-size:12px;}
.infogoal .readmore a:hover{color:#F60 !important}
/* removed by dev 
---- remove height -----
.infogoal .avatar { width:144px; height:97px; padding:4px; border:1px solid #999999; float:left }
.infogoal img { width:144px; height:97px; float:left }
*/
.entryDashboard{margin:4px 10px 10px 0px}
.infogoal .text {font-size:12px; width:100%; line-height:18px; color:#666666; }
*+html .infogoal .text{width:auto !important}
.infogoal p{line-height:140% !important}
.infogoal .text2 { padding-left:20px; font-size:12px; width:395px; line-height:18px; color:#666666; float:left }
.useredit { width:100%; height:28px; font-size:12px; padding-top:15px; padding-bottom:10px; color:#CE6C47; float:left }
.useredit a { float:right; line-height:24px } 
.useredit a:hover { text-decoration:underline }
.useredit span { color:#666666; padding-left:3px; float:right }
.useredit .icon1 { width:15px; height:20px; overflow:hidden; background-position:-250px -335px; padding-right:5px; float:right } 
.useredit .icon2 { width:12px; height:20px; overflow:hidden; background-position:-200px -335px; padding-right:5px; float:right } 
.useredit .icon3 { width:25px; height:20px; overflow:hidden; background-position:-150px -335px; padding-right:5px; float:right }
.useredit .icon4 { width:25px; height:28px; overflow:hidden; background-position:-95px -335px; padding-right:5px; float:left }
.useredit .dategoal { font-size:11px; padding-top:5px; float:left } 


/*------------------------------ comment ---------------------------*/


#comment { width: 100%;float:left;}
#comment .viewMoreComment a{float:left;background-color:#ECF1FF;width:98%;padding:1%;color:#333;margin-top:5px;}
#comment .viewMoreComment a:hover{background-color:#7F7F7F;color:#fff}
#comment .useracc { width:98%; padding:1%; float:left;background-color:#EDEFF4;margin-top:3px }
#comment .useracc .avatar { float:left }
#comment .useracc .avatar img{border:1px solid #fff}
#comment .comment_list .w3{background-color:#fff !important}
#comment .useracc .delicon { width:12px; height:15px; overflow:hidden; background-position:-200px -340px; padding-right:5px; float:right } 
#comment .useracc .username { padding-left:10px; width:400px; font-weight:bold; font-size:12px; color:#FF6600; float:left }
#comment .useracc .updatetime { padding-left:10px; float:left; padding-top:2px; width:400px; font-size:11px; color:#999999 }
#comment .useracc .comment { padding-left:10px; float:left; padding-top:4px; width:480px; font-size:12px; color:#333333 }
#comment .useracc .comment span { font-size:24px; color:#999999 }
#comment .commentbox { width:100%; float:left;padding-top:3px }
#comment .commentbox .top { width:100%; height:20px; float:left }
#comment .commentbox .top .icon { width:24px; height:19px; background-position:-285px -340px; float:left }
#comment .commentbox .top .title { font-size:14px; padding-left:5px; font-weight:bold; color:#0099FF; float:left;width:400px !important }
/**
move to style_dev for customize
#comment .commentbox .box { width:518px; height:25px; padding:7px 16px 9px 16px; background-color:#F6F6F6; float:left }
*/
#comment .commentbox .box textarea{max-height: 215px;width:99%;border:1px inset #999;height:25px !important;padding:3px;color:#666}
#comment .commentbox .box input {background-image:url(../images/btnPost.png);float:right;width:64px;height:29px;background-color:#F6F6F6 !important;color:#FFF;font-weight:bold;margin-right:-2px;margin-top:2px}
#goalstip { width:580px; height:55px; padding-top:10px; background-position:0 -490px; padding-left:67px; float: right }
#goalstip .h1 { width:100%; float:left; font-size:16px; line-height:20px; color:#0099FF; font-weight:bold; float:left }
#goalstip .h2 { width:100%; float:left; font-size:20px; color:#FF6600; font-weight:bold; float:left }
.goalstip { width:100%; color:#666666; font-weight:bold; float:left;padding-top:10px }
.goalstip a{line-height:26px; padding:0 5px 0 5px ;}
*+html .goalstip a{line-height:26px; padding:0 5px 0 5px ;}
.goalstip a:hover { text-decoration:underline }


/*------------------------------------- eiit entry ------------------------*/
 

.edit_entry { width:648px; border:solid 1px #E0E0E0; background-color:#F6F6F6; float:left }
.edittitle { width:100%; padding-bottom:15px; float:left }
.edittitle .icon { width:12px; height:15px; background-position: -605px -585px; float:left }
.edittitle span { font-size:14px; padding-left:5px; color:#2D9DCF; font-weight:bold; float:left }
.edit_entry .top { width:100%; height:24px; float:left }
.edit_entry .top .icon { width:22px; height:22px; background-position:-220px -455px; float:right }
.edit_entry .middle { width:592px; padding:0 28px 40px 28px; float:left }
.edit_entry .middle .title { width:100%; height:20px; padding-top:10px; padding-bottom:2px; float:left }
.edit_entry .middle .title .left { width:200px; font-weight:bold; font-size:12px; color:#666666; float:left }
.edit_entry .middle .title .right { width:200px; font-size:11px; color:#FF6600; float:right; text-align:right }
.edit_entry .middle .titlebox { width:584px;  background-color:#F9F9F9; border-left: solid 1px #999999; border-top: solid 1px #999999; border-bottom:solid 1px #E5E5E5; border-right: solid 1px #E5E5E5; font-weight:bold; font-size:14px; padding:6px 0 6px 6px; float:left } 
.edit_entry .middle .infobox { width:573px; height:200px; background-color:#F9F9F9; font-size:12px; padding:10px 7px 40px 10px; float:left; color:#666666; border:solid 1px #CCCCCC }
.edit_entry .middle .uploadimg { width:100%; height:22px; float:left }
.edit_entry .middle .uploadimg .uploadbox { width:290px; height:20px;  border-left: solid 1px #999999; border-top: solid 1px #999999; border-bottom:solid 1px #E5E5E5; border-right: solid 1px #E5E5E5; font-size:12px; float:left }
.edit_entry .middle .uploadimg .uploadbrowns { width:73px; height:22px; background-position:-270px -450px; float:left }
.edit_entry .middle .uploadimg .uploadbutton { width:73px; height:22px; background-position:-345px -450px; float:left }
.edit_entry .middle .uploadps { width:100%; line-height:18px; padding-top:10px; font-size:12px; color:#666666; padding-bottom:2px; float:left }
.edit_entry .middle .editbutton { width:100%; padding-top:10px;height:27px; float:left;border-top:1px solid #cecece }
.edit_entry .middle .editbutton .save { width:77px; height:21px; font-weight:bold; color:#FFFFFF; font-size:11px; padding:6px 0 0 10px; background-position:-425px -450px; float:left } 
.edit_entry .middle .editbutton .deleted {  width:79px; height:21px; color:#FFFFFF; font-size:11px; padding:6px 0 0 8px; background-position:-515px -450px; float:left }


/*------------------------------------------ Goals detail ----------------------*/


#goalvote { width:610px; padding:20px 20px 20px 20px; background-color:#D6EBED; color:#333333; float:left }
.more1 { width:67px; height:16px; background-image:url(../images/_r2_c2.gif); float:left }
#memberdo { width:100%; height:50px; float:left }
#memberdo .right { width:123px; float:right }
#memberdo .right .button { width:123px; height:28px;text-align:center; padding:10px 0 0 0px; background-position:-25px -590px; font-weight:bold; font-size:14px; color:#FFFFFF;  float:right } 
#memberdo .left { width:507px; float:left }
#memberdo .left .number { width:100%; font-size:14px; color:#666666; float:left }
#memberdo .left .goalname { width:100%; padding-top:4px; font-size:16px; font-weight:bold; color:#FF6600; float:left }
#memberdo .left .goalname .text { padding-right:10px; float:left } 
#memberdo .left .goalname .icon { width:16px; height:17px; overflow:hidden; background-position:-500px -580px; float:left }
#allmemberdo { width:100%; padding-top:15px; float:left }
#allmemberdo .left { width:500px; font-size:14px; font-weight:bold; float:left; color:#666666 } 
#listavatar { width:100%; padding-bottom:15px; float:left }
#listavatar .avatar { width:50px; height:50px; padding-right:1px; float:left }
.paging { width:100%; float:left }
.paging .iconprev { height:20px; width:7px; background-position:-530px -585px; float:left }  
.paging .iconnext { height:20px; width:7px; background-position:-540px -585px; float:left } 
.paging .linktext { float:left; padding:0 5px 0 5px; font-size:14px; font-weight:bold; color:#2D9DCF }
.paging .linktext:hover { text-decoration:underline }
.paging .number { float:left; padding:0 5px 0 5px; font-size:12px; color:#666666 }
.paging .number:hover { float:left; padding:0 5px 0 5px; font-size:12px; color:#2D9DCF }
.archicle { width:100%; padding-top:20px; float:left }
.archicle .avatar { width:50px; float:left }
.archicle .archic { width:585px; padding-left:15px; float:left }
.archicle .archic .title { width:500px; font-size:14px; float:left;padding-bottom:2px }
.archicle .archic .title b { font-weight:bold; color:#333;float:left;width:500px }
.archicle .archic .title a { color:#FF6600;font-weight:bold;font-size:13px }
.archicle .archic .title a:hover { text-decoration:none;color:#CE6C47 }
.archicle .archic .title span { padding:0 5px 7px 0px; color:#666;font-size:13px}
.archicle .archic .goodtalk { width:100%; font-size:23px;color:#A3A3A3; float:left;font-weight:bold;padding-top:10px;margin-top:10px;border-top:1px solid #E4E4E4 }
.archicle .archic .sayingDetail{padding-top:6px}
.archicle .archic .timedotit { width:100%; padding-top:15px; font-size:14px; color:#F60; float:left }
.archicle .archic .timedotit .icon { width:15px; padding-right:10px; height:16px; background-position:-575px -585px; float:left } 
.archicle .archic .timedotit span { float:left }
.archicle .archic .timedotit span b { font-weight:bold }
.archicle .archic .howdo { width:100%; padding-top:15px; font-size:14px; color:#666666; font-weight:bold; float:left }
.archicle .archic .howdo .icon { width:26px; height:20px; background-position:-615px -455px; float:left } 
.archicle .archic .howdo .span { float:left }
.archicle .archic .howdo span a { color:#FF6600}
.archicle .archic .infogoal .avatar { width:144px; height:97px; padding:4px; border:1px solid #999999; float:left;margin-right:10px }
.archicle .archic .infogoal img { width:144px; height:97px; float:left }
.archicle .archic .infogoal .text {font-size:12px; width:100%; line-height:140%; color:#666666; }
.archicle .archic .learning {font-size:12px; width:100%; line-height:18px; color:#333; float:left;padding-top:7px; }
.archicle .archic .useredit a { color:#2D9DCF; float:right }
.edit_entry_pop, .deleted_button { color:#CE6C47; text-decoration:none }


/*----------------------------------------- Good job ---------------------------*/

#goodjob { width:100%; height:193px; float:left }
#goodjob .left { width:250px; height:193px; background-position:-450px -650px; float:left }
#goodjob .center { width:638px; height:193px; background-image:url(../images/_r2_c2_gj.gif); float:left }
#goodjob .center .top { width:100%; padding-top:20px; padding-bottom:14px; float:left; font-size:18px; font-weight:bold; color:#FFFFFF }
#goodjob .center .middle { width:100%; height:39px; background-color:#D1E8F3; float:left }
#goodjob .center .middle .number { float:left; font-size:16px; font-weight:bold; padding-top:10px; padding-left:12px; padding-right:12px; color:#92BDD1 }
#goodjob .center .middle .text { float:left; font-size:14px; font-weight:bold; padding-top:12px; color:#12658E }
#goodjob .center .bottom { width:100%; padding-top:12px; float:left }
#goodjob .center .bottom a { font-size:14px; font-weight:bold; color:#FFFFFF; float:left }
#goodjob .right { width:102px; height:193px; background-position:0 -850px; float:left }

/*----------------------------------------- Login ------------------------------*/

#login { width:100%; float:left }
#login .errorlogin { width:960px; padding:6px 0 6px 40px; height:65px; background-color:#FFE6E6; border:1px solid #FF8888; float:left }
#login .errorlogin .icon { width:62px; height:65px; background-position:-110px -865px; float:left }
#login .errorlogin .text { width:875px; padding-left:17px; padding-top:5px; color:#FF0000; font-size:12px; float:left }
#login .errorlogin .text b { font-size:14px; font-weight:bold; padding-top:10px; float:left }
#login .loginpage { width:100%; padding-top:30px; float:left }
#login .loginpage .left { width:275px; padding-left:55px; float:left }
#login .loginpage .left .title { width:240px; padding:11px 0 0 35px; height:27px; background-position:-655px -450px; font-size:14px; font-weight:bold; color:#148EAD; float:left }
#login .loginpage .left input { width:229px; height:20px; padding-left:3px; padding-bottom:4px; background-color:F9F9F9; font-size:12px; color:#666666; border-bottom:solid 1px #EAEAEA; border-right:solid 1px #EAEAEA; border-top:solid 1px #BCBCBC; border-left:solid 1px #BCBCBC; float:left }

/*----------------------------------------- Score -------------------------------*/

.score1 { width:192px; padding-top:10px; height:25px; float:right }
.score1 .scoredo { width:192px; font-size:10px; color:#CCCCCC; float:left }
.score1 .scoredo b { color:#666666; font-weight:100 }
.score1 .scorebar { width:190px; height:10px; overflow:hidden; background-position:-495px -865px; float:left }  
.score1 .scorebar .left { width:7px; height:10px; background-position:-495px -880px; overflow:hidden; float:left }
.score1 .scorebar .center { height:10px; overflow:hidden; float:left; background-position:-500px -880px }
.score1 .scorebar .right { width:7px; height:10px; overflow:hidden; background-position:-679px -880px; float:left }
.score2 { width:292px; float:left; height:19px }
.score2 .scorebar { width:292px; height:19px; background-position:-190px -865px; float:left }
.score2 .scorebar .left { width:10px; height:19px; background-position:-190px -895px; float:left }
.score2 .scorebar .center { height:17px; padding-top:2px; background-position:-200px -895px; float:left; font-size:12px; font-weight:bold; color:#FFFFFF }
.score2 .scorebar .right { width:10px; height:19px; background-position:-472px -895px; float:left }

/*------------------------------------------ Popup ------------------------------*/

#popup1 { width:400px; height:80px; padding-left:40px; padding-top:17px; background-color:#ECECEC; float:left }
#popup1 .icon { width:45px; height:43px; background-position:-495px -605px; float:left } 
#popup1 .info { width:330px; float:left }
#popup1 .info .text { width:330px; padding-left:15px; float:left; font-size:12px; color:#333333 }
#popup1 .info .button { width:330px; padding-top:10px; padding-left:15px; height:27px; float:left }
#popup1 .info .button .yes { width:79px; height:21px; font-weight:bold; color:#FFFFFF; font-size:11px; padding:6px 0 0 8px; background-position:-425px -450px; float:left } 
#popup1 .info .button .no {  width:82px; height:21px; color:#FFFFFF; font-size:11px; padding:6px 0 0 5px; background-position:-515px -450px; float:left }


/*-------------------------------------------- Random text -----------------------*/
.buttom .randomtext0 { font-weight:bold; color:#333; font-size:11px }
.buttom .randomtext1 { font-weight:bold; color:#396; font-size:14px }
.buttom .randomtext2 { font-size:16px; font-weight:bold; color:#999}
.buttom .randomtext3 { font-size:12px;color:#666 }
.buttom .randomtext4 { font-size:14px; font-weight:bold; color:#F60 }
.buttom .randomtext5 { font-size:18px; font-weight:bold; color:#379FDD }
.buttom .randomtext6 { font-size:15px; font-weight:bold; color:#333 }
.buttom .randomtext7 { font-size:18px; font-weight:bold; color:#8D3D5F }
.buttom .randomtext8 { font-size:16px; font-weight:bold; color:#C06 }
.buttom .randomtext9 { font-size:14px; font-weight:bold; color:#000 }
.buttom .randomtext10 { font-size:13px; font-weight:bold; color:#F0F }

a.randomtext0:hover, a.randomtext1:hover ,a.randomtext2:hover, a.randomtext3:hover , a.randomtext4:hover  , a.randomtext5:hover ,a.randomtext6:hover ,a.randomtext7:hover ,a.randomtext8:hover ,a.randomtext9:hover ,a.randomtext10:hover {text-decoration:none !important;color:#FFF}

a.randomtext0:hover { background-color:#333;}
a.randomtext1:hover { background-color:#396;}
a.randomtext2:hover { background-color:#999;}
a.randomtext3:hover { background-color:#666;}
a.randomtext4:hover { background-color:#F60;}
a.randomtext5:hover { background-color:#379FDD;}
a.randomtext6:hover { background-color:#333;}
a.randomtext7:hover { background-color:#8D3D5F; }
a.randomtext8:hover { background-color:#C06;}
a.randomtext9:hover { background-color:#000;}
a.randomtext10:hover { background-color:#F0F;}

/*-------------------------------------random text nocolor --------------------------*/

.nonecolor1 { font-size:12px }
.nonecolor2 { font-size:14px }
.nonecolor3 { font-size:16px }
.nonecolor4 { font-size:18px }
.nonecolor5 { font-size:20px }
.nonecolor6 { font-size:22px }
.nonecolor7 { font-size:24px }


/*------------------------------*/



.test { width:50px; height:50px; background-color:#FFFFFF ; float:left }
.test .hide { width:100px; height:100px; background-color:#333333; display:none }
.test:hover .hide { display:block }

.message  
{
    border:1px solid #AADA60; 
    background-color:#E1FFC2;
    padding:12px 35px;
    }
    .messageContent, .register{ float: left;margin-left:50px }
.message h2
{
    color:#2B622E;
    font-size:16px;
    font-weight: bold;
    height:23px;
    }
.message p { color:#3A4A35; font-size:12px;  }
.message a { font-weight: bold; color:#3A4A35; }
.register { width:39px; height:39px; background-position:-63px 0; margin:0 17px 0 0; }

.messageFail{background-color:#FFE6E6;border:1px solid #FF8888}
.errorMes{background-position:-62px -121px;width:40px;height:42px;float:left;margin-right:10px}
.messageFail h2, .messageFail p{color:#FF0000 !important}

/*--------------Sang revise layout--------------*/

.icon_1{background-image:url('../images/icon.png');background-repeat:no-repeat;}
	.iconNoGoal{background-position:-60px -171px;height:43px;width:46px;}
.NoGoal{padding:30px 0 0 140px;float:left}
.NoGoal span{float:left}
.NoGoal p{float:left;font-size:12px;color:#4A4A4A;padding:7px 0 0 15px;width:400px}

.FollowFriend{float:right;width:132px;margin-top:20px}
.FollowFriend a{float:right;background-image:url(../images/btnFollow.gif);background-position:0px 0px;width:129px;height:32px;}
.FollowFriend a:hover{background-position:0px -33px}
.FollowFriend a.Followed{background-position:-130px 0px}
.FollowFriend a.Followed:hover{background-position:-130px -33px}
.FollowFriend a.FollowWait{background-position:-260px 0px}

/*-----------------account setting------------*/
.accSetting{}
	
	.accSettingHead{width:100%;float:left;border-bottom:dashed 2px #EEE;padding-bottom:10px;margin-bottom:10px;}
	
		.accSettingHead span{float:left;width:73px;height:70px;background-position:-114px -179px;}
		
		.accSettingHead h1{font-size:20px;color:#F90;font-family:Arial, Helvetica, sans-serif;padding-top:10px;padding-bottom:0px}
		
		.accSettingHead p{font-size:11px;color:#666;line-height:130%;width:400px;margin-left:76px;font-family:Tahoma, Geneva, sans-serif}
		
	.updatePass .accRightContent span,.updatePass .accRightContent a.save,.accSettingHead span, .asRight .asMenu ul li a,.asRightHead, .asRightHead .edit, .accRightContent a.save{background-image:url(../images/accountsettingPos.png);background-color:none;background-repeat:no-repeat;}
	
	.accRightContent a.save {background-position:-13px -129px;width:61px;height:35px;float:left; margin-top: 10px;}
	.accRightContent input {border:1px solid #CCCCCC;}
	.accRightContent select {border:1px solid #CCCCCC;}
	
	.accSettingCon{padding-top:20px}
	
	.accSettingCon .error {display:inline; color: red; padding-left: 5px;}
	
	.accSettingCon .asLeft {float:left;width:190px;}
	
	.accSettingCon .asLeft a{float:left;width:165px;height:165px;text-align:center;border:1px solid #CCC;padding:5px}
	.accSettingCon .asLeft a:hover{float:left;width:165px;height:165px;text-align:center;border:3px solid #CCC;padding:5px}
	
	.accSettingCon .asRight{float:left;width:615px}
	
	.asRight .asMenu ul{padding-bottom:30px;float:left;width:100%}
	
	.asRight .asMenu ul li{padding:5px 0 5px 0px;float:left;clear:both;border-bottom:1px solid #EEE;font-size:14px}
	
	.asRight .asMenu ul li a{width:200px;height:22px;padding-left:25px;color:#666;float:left}
			.asRight .asMenu ul li a.asMavatar{background-position:-295px -16px}
			.asRight .asMenu ul li a.asMavatar:hover{background-position:-12px -16px;color:#1D7AE2}
			.asRight .asMenu ul li a.asMinfo{background-position:-295px -41px}
			.asRight .asMenu ul li a.asMinfo:hover{background-position:-12px -41px;color:#1D7AE2}
			.asRight .asMenu ul li a.asMhobby{background-position:-294px -66px}
			.asRight .asMenu ul li a.asMhobby:hover{background-position:-11px -66px;color:#1D7AE2}
			.asRight .asMenu ul li a.asMpass{background-position:-296px -91px}
			.asRight .asMenu ul li a.asMpass:hover{background-position:-13px -91px;color:#1D7AE2}
	.asRightHead{background-position:-295px -257px;background-color:#2592C7;width:100%;height:35px;padding:12px 10px 0 25px;margin-bottom:5px;clear:both}
		.asRightHead .title{color:#FFF;font-size:18px;font-weight:bold;float:left;}
		.asRightHead .edit{width:72px;float:right;font-size:10px;color:#FFF;text-align:right;margin-top:5px;background-position:-15px -176px}
	.accRightContent{padding:20px 20px 20px 27px;float:left;width:590px}

	.updateBasicInfo .accRightContent h1{font-size:16px;color:#666;font-weight:bold;border-bottom:1px solid #CCC;margin-bottom:7px;padding-bottom:5px;}
	.updateBasicInfo .accRightContent .rwInfo{width:500px;line-height:150%;padding-left:2px;padding-bottom:15px;float:left}
	.updateBasicInfo .accRightContent .rwInfo .wlInfo {color:#666666;display:block;font-size:12px;font-weight:normal;width:200px;}
	.updateBasicInfo .accRightContent .rwInfo .wrInfo {color:#666666;display:block;font-size:12px;font-weight:normal;width:300px;}
	.updateBasicInfo .accRightContent .rwInfo .noInfo{color:#F30;text-align:left}
	.updateBasicInfo .accRightContent a.save {background-position:-13px -129px;width:61px;height:35px;float:left}
	
	
	.updateContactInfo .accRightContent h1{font-size:16px;color:#666;font-weight:bold;border-bottom:1px solid #CCC;margin-bottom:7px;padding-bottom:5px;}
	.updateContactInfo .accRightContent .rwInfo{width:500px;line-height:150%;padding-left:2px;padding-bottom:15px;float:left}
	.updateContactInfo .accRightContent .rwInfo .wlInfo {color:#666666;display:block;font-size:12px;font-weight:normal;width:200px;}
	.updateContactInfo .accRightContent .rwInfo .wrInfo {color:#666666;display:block;font-size:12px;font-weight:normal;width:300px;}
	.updateContactInfo .accRightContent .rwInfo .noInfo{color:#F30;text-align:left}
	
	.updateSchoolInfo .accRightContent h1{font-size:16px;color:#666;font-weight:bold;border-bottom:1px solid #CCC;margin-bottom:7px;padding-bottom:5px;}
	.updateSchoolInfo .accRightContent .rwInfo{width:500px;line-height:150%;padding-left:2px;padding-bottom:15px;float:left}
	.updateSchoolInfo .accRightContent .rwInfo .wlInfo {color:#666666;display:block;font-size:12px;font-weight:normal;width:200px;}
	.updateSchoolInfo .accRightContent .rwInfo .wrInfo {color:#666666;display:block;font-size:12px;font-weight:normal;width:300px;}
	.updateSchoolInfo .accRightContent .rwInfo .noInfo{color:#F30;text-align:left}
	
	.updateHobbyInfo .accRightContent textarea{width:300px;height:40px;overflow:hidden;font-family:Arial, Helvetica, sans-serif;font-size:12px;border:1px solid #CCC;padding:5px;}
	.updateHobbyInfo .accRightContent h1{font-size:13px;color:#666;font-weight:bold;margin-bottom:4px;padding-bottom:3px;}
	.updateHobbyInfo .accRightContent p{padding-top:5px;font-size:11px;color:#999}
	
	.updatePass .accRightContent a.save {background-position:-11px -267px;width:137px;height:36px;float:left}
	.updatePass .accRightContent input{font-size:14px;height:24px;width:220px;border:#C1C1C1 solid 1px;margin-bottom:7px;}
	.updatePass .accRightContent label{padding-bottom:3px;}
	.updatePass .accRightContent span{float:left;width:65px;height:66px;background-position:-195px -191px}
	
	
	
	/*-------------------------- HOW I DID IT ----------------------*/
	
.hidi_box {
   background: #1a8ac1;
}
.hidi_top div {
   background: url(../images/roundedcornr_881775_tl.png) no-repeat top left;
}
.hidi_top {
   background: url(../images/roundedcornr_881775_tr.png) no-repeat top right;
}
.hidi_bottom div {
   background: url(../images/roundedcornr_881775_bl.png) no-repeat bottom left;
}
.hidi_bottom {
   background: url(../images/roundedcornr_881775_br.png) no-repeat bottom right;
}

.hidi_top div, .hidi_top, 
.hidi_bottom div, .hidi_bottom {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.hidiContent { margin: 0 15px; padding-top:5px}

.hidiInput, .hidiIcon, .hidiFinishBut{background-image:url(../images/hidiPosition.png);background-repeat:no-repeat;}

.hidiContent span.hidiIcon{margin-right:11px;}

.hidiContent .hidiTime {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ADE9FA}


.hidiTime .time{float:left;width:18px;height:18px;background-position:-6px -8px;margin-top:4px;}

.hidiTime label{margin-top:5px;margin-right:10px}

.hidiInput{height:22px;width:70px;font-size:14px;font-weight:bold;text-align:center;color:#28779D;background-position:-9px -90px;float:left;padding-top:3px}

.hidiQuote .quote{float:left;width:13px;height:13px;background-position:-9px -37px;margin-left:3px;margin-right:13px !important}

.hidiContent label{font-size:14px;color:#FFF;float:left}

.hidiQuote textarea{height:34px;width:551px;border:none;font-size:14px;line-height:140%;font-family:Arial, Helvetica, sans-serif;padding:5px;overflow:hidden;margin:10px 0 10px 30px}

.hidiTime select{width:80px;height:25px;margin-left:10px}

.hidiEditor{padding-top:15px;}

.hidiEditor .editor{width:24px;height:19px;float:left;background-position:-5px -61px;margin-right:7px;}

.hidiEditor label{font-size:14px;font-weight:bold;color:#666;}

.hidiEditor  .hidiEdtiorTool {margin-top:15px;}

a.hidiFinishBut{width:123px;height:36px;float:left;background-position:-9px -135px;}
a.hidiFinishBut:hover{width:132px;height:36px;float:left;background-position:-140px -135px;}

.goalSuggestion{width:544px !important;position:relative;z-index:20;top:334px !important;left:242.5px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.goalSuggestion{top:348px !important}
} 
*+html .goalSuggestion{left:236.5px !important;top:334px !important}
.goalSuggestion{left:236.5px\0/ !important;width:542px\0/}
.goalSuggestion ul{float:left;background-color:#FFF;overflow:hidden !important}
			.goalSuggestion ul li{border:1px solid #82CBF7;background-color:#E8F7FD;padding:10px 10px 10px 27px;float:left;width:505px !important;font-size:14px;cursor:pointer;margin-bottom:1px;}
			.goalSuggestion ul li.ac_over{background-color:#8DD8FC !important;border:1px solid #2DC1E1 !important}
				.goalSuggestion ul li span{float:left}
				.goalSuggestion ul li b{color:#FFF;background-color:#333}
				.goalSuggestion ul li a{float:right}
				
				
.confirmationBox{position:absolute;width:430px;height:83px;background-color:#FFF;padding:10px}
			.confirmationBox span{width:47px;height:42px;background-position:-59px -170px;float:left;margin-right:10px}
			.confirmationBox p{line-height:140%}
			.confirmationBox .deleteEntry{float:left;width:108px;height:25px;background-position:-64px -243px;color:#FFF;padding:8px 0 0 0;text-align:center;font-weight:bold;margin-top:8px}
			.confirmationBox a.deleteEntry:hover{background-position:-178px -243px}
			.confirmationBox .deleteCancel{margin:15px 0 0 10px;float:left;color:#666;text-decoration:underline;}
			.confirmationBox a.deleteCancel:hover{color:#333}
			
			
/*--------------------- uploader -----------------*/
.input-file{ width:360px; position:relative; overflow:hidden; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #555555; line-height: 155%; margin-left: 0px; padding-bottom:5px; }
			.input-file .req{ padding-bottom:4px; display:block; }
			.input-file label:hover{ color:#808080; cursor:pointer; font-size: 12px; font-weight: normal; }
			.input-file label span{ display:none; width: 68px; }
			.input-file label input{ display:block; width:300px; }
			.input-file label{ float:right; white-space:nowrap; position:relative; z-index:1; left:0; top:0; overflow:hidden; font-weight:normal; display:inline;background-color: #FFFFFF; background-image: url(../images/igoal_file.png); background-repeat: repeat-x; background-position: 0 0px; padding-top: 0.25em; padding-right: 12px; padding-bottom: 0.34em; padding-left: 12px; font-size: 12px; border-right-width: 1px; border-right-style: solid; border-right-color: #888888; color: #000000; }
			.input-file-no-path label{ float:left; }
			.input-file label span{ display:inline; }
			.input-file label input{ width:auto; position:absolute; right:0; top:0; border:none; font-size:11px; line-height:12px; opacity:0; zoom:1; filter:alpha(opacity=0); cursor:pointer; font-weight: normal; color: #808080; }
			.input-file var{ display:none; position:relative; overflow:hidden; border:solid 1px #ccc; border-color:#888 #ccc #ccc #888; zoom:1; _right:-3px;  padding-top: 0em; padding-right: 0.6em; padding-bottom: 0.2em; padding-left: 0.6em; height:20px}
			.input-file var{ display:block; }
			.input-file var input{ display:block; width:100%; position:absolute; padding:0; border:1px none #b1b1b0; font-size:11px; color:#808080; top:0; left:0; padding:0em 0.6em 0.2em 0.6em; height:20px; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight: normal; background-color: #FFFFFF; z-index:4}
			.input-file var input:focus{ outline:none; }
			
			
.uploadAvatarPopup{width:465px;height:195px;}
		.uploadAvatarIcon{background-position:-68px -290px;width:29px;height:25px;float:left}
		.avatarEditor h1, .uploadAvatarPopup h1{color:#333;font-size:16px;font-weight:bold;margin-left:5px;margin-top:4px;float:left}
		.uploaderBox{float:left}
		.uploaderBox p{padding:5px 0px;line-height:140%;color:#333;font-size:12px;width:371px}
		.uploaderBox p.termUploader{font-size:11px;color:#999}
		.uploaderBox .termUploader a{color:#39F}
		.btnUploadAvatar{background-position:-64px -327px;float:left;color:#FFF;text-align:center;font-size:13px;font-weight:bold;width:98px;height:22px;padding-top:6px}
		a.btnUploadAvatar:hover{background-position:-172px -327px}

.avatarEditor h2{font-size:18px;color:#F60;font-weight:bold;padding:30px 0px 0px 0px}
.avatarEditor .beforeAvatar{float:left}
.avatarEditor .afterAvatar{float:right;width:120px;padding:30px;border:1px dashed #999;}
.avatarEditor p{line-height:160%;color:#333;font-weight:bold;padding-bottom:10px;padding-top:3px}


/*--------------Slider-----------------*/
.userSlider{width:550px;}
.userSlider h1{color:#F60;font-size:18px;padding:15px 0 5px 10px;}
.userSlider p{line-height:140%;color:#999;padding:0px 10px}
.userSlider .slider{width: 92%; padding-top: 10px;padding-left:15px}
.userSlider .slider #sliderValue{position: relative; width: 100%;}
.userSlider .slider #sliderValue a{position:absolute;font-size:14px;color:#333;margin-left:-7px;font-weight:bold}

.paging_buttons{padding-left:303px;float:left;padding-top:10px}
	.paging_buttons a{float:left;width:22px;height:22px;text-indent:-1000000;}
	.paging_buttons .up{background-position:-64px -446px;}
	.paging_buttons a.up:hover{background-position:-94px -446px;}
	.paging_buttons .down{background-position:-124px -446px;}
	.paging_buttons a.down:hover{background-position:-155px -446px;}
.goal_list .listGoal{float:left}
.goal_list .listGoal p{color:#666;font-size:11px;padding:0px 0px 0px 5px;}


.infoPublic{padding:10px}
.infoPublic ul {padding-left:20px}
.infoPublic ul li{line-height:160%;list-style:circle}
.infoPublic ul li a{color:#F60}
.infoPublic ul li a:hover{color:#F30}
.readmore a{color:#f60;font-weight:bold;}
/*--------------messageBox--------------*/
.messageBox{float:left;width:98%;padding:1%}
	.messageBox .messageText{color:#333;float:left;padding-left:13px;padding-top:4px;width:80%}
	.messageBox .messageText h1{font-size:16px;font-weight:bold}
	.messageBox .messageText p{font-size:12px;padding-left:2px}
	.messageBox span{float:left;width:49px;height:51px;}
	.successMessage{background-color:#E1FFc2;border:1px solid #AADA60}
	.successMessage span{background-position:-8px -488px;}
	.failMessage{background-color:#fff6f4;border:1px solid #FFc8cb}
	.failMessage span{background-position:-67px -488px;}
	.infoMessage{background-color:#E9FDFF;border:1px solid #96CCEF}
	.infoMessage span{background-position:-127px -488px;}
/*------------------------Notification----------------*/
.notificationBar{float:left;width:400px;padding:4px 0 0 4px;}
		.notificationBar a.messageTop{background-position:-11px -546px;}
		.notificationBar a.messageTop:hover{background-position:-11px -576px;}
		.notificationBar a.menuPosition {float:left;width:45px;height:28px;position:relative;z-index:4;}
		.notificationBar .messageTopClicked{background-position:-11px -604px;}
		.notificationBar .nofiMenu{float:left;width:45px;height:29px;margin-right:4px;}
		.notificationBar a.requestFriend{background-position:-67px -546px;}
		.notificationBar a.requestFriend:hover{background-position:-67px -576px;}
		.notificationBar .requestFriendClicked{background-position:-67px -604px;}
		.notificationBar a.userNotification{background-position:-125px -546px;}
		.notificationBar a.userNotification:hover{background-position:-125px -576px;}
		.notificationBar .userNotificationClicked{background-position:-125px -604px;}

		.dropdownBox{display:block;position:absolute;margin-top:27px;z-index:0;border:1px #CCC solid;-moz-box-shadow: 2px 1px 4px #cecece;
		-webkit-box-shadow: 2px 1px 4px #cecece;float:left;
		box-shadow: 2px 1px 4px #cecece;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cecece')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cecece');width:283px;background-color:#FFF;padding:5px;text-align:left;}
		.notificationBar .headDropBox{color:#666;font-size:12px;font-weight:bold;border-bottom:1px solid #E5E5E5;padding:3px 0px;}
		.notificationBar .botDropBox{color:#666;font-size:10px;font-weight:bold;border-top:1px solid #E5E5E5;padding:3px 0px;float:left;width:100%}
		.notificationBar .botDropBox a{width:70px;height:15px;color:#999;}
		.notificationBar .botDropBox a:hover{color:#666}
		.listUserInBox{float:left}
		.listUserInBox {float:left;width:100%}
		.listUserInBox li{float:left;padding:5px 0px;border-bottom:1px solid #E9E9E9;width:100%}
		.listUserInBox .avatarUser{float:left;height:50px;width:50px;margin-right:7px;margin-top:4px;}
		.userNameRequest{float:left;line-height:140%;width:221px;padding-bottom:5px;color:#999;font-size:11px;}
		.userNameRequest a, .userNameRequest span{color:#2c9dce;font-size:13px;font-weight:bold}
		.userNameRequest a:hover{color:#09F;text-decoration:underline}
		.listUserInBox a.btnAccept {float:left;width:60px;height:14px;font-family:Tahoma, Geneva, sans-serif;font-size:10px;font-weight:bold;color:#333;border:1px solid #E6CA75;background-color:#FCF9ED;text-align:center;padding-top:2px;margin-right:7px}
		.listUserInBox a.btnAccept:hover{background-color:#F2EAAA}
		.listUserInBox a.btnDeny{float:left;width:60px;height:14px;font-family:Tahoma, Geneva, sans-serif;font-size:10px;font-weight:bold;color:#333;border:1px solid #B1B1B1;background-color:#E6E6E6;text-align:center;padding-top:2px;}
		.listUserInBox a.btnDeny:hover{background-color:#CECECE;border:#666 solid 1px}
		.listUserInBox span.notificationText{color:#333;font-size:12px;}
		.listUserInBox .notificationText b{color:#F60 !important}
		a.noticeLink{float:left;padding-bottom:4px;padding-left:4px}
		a.noticeLink:hover{background-color:#EEE}
		.notificationBar .numberOfMessage{color: white; float: left; width: 15px; height: 15px; background-color: rgb(255, 102, 0); position: absolute; z-index: 10; margin-left: -26px; font-size: 11px; font-weight: bold; text-align: center;}
		
		
/*------------ You Should Do---------------*/
.goalShouldDo{width:100%;/*-moz-box-shadow: 0 1px 2px #999;padding:10px;
		-webkit-box-shadow: 0 1px 2px #999;float:left;
		box-shadow: 0 1px 2px #999;border:1px solid #F2F2F2;
		/* For IE 8 */
		/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#cecece')";
		/* For IE 5.5 - 7 */
		/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#cecece');
		-moz-border-radius: 5px;-webkit-border-radius: 5px;*/margin-bottom:10px;background-color:#FFF}
		.listGoalShouldDo{padding-10px;color:#666;float:left;width:100%}
		.listGoalShouldDo li{padding-bottom:1px;border-bottom:1px solid #F0F0F0;float:left;width:100%;padding-top:7px;}
		.listGoalShouldDo li a{color:#666}
		.listGoalShouldDo li a:hover{color:#F60}
		.listGoalShouldDo li img{display:inline;vertical-align:-10px;float:left}
		.goalnameShouldDo{float:left;font-size:14px;padding-left:3px;padding-top:7px;text-align:left;width:353px;}
		.goalnameShouldDo a.randomtext0:hover{color:#FFF;background-color:#F60;padding:2px}
		.listGoalShouldDo .numberShouldDo{float:left;font-size:9px;padding-top:8px;width:147px;}
		.listGoalShouldDo .btnAddShouldDo{background-color:#F4F4F4;border:1px solid #DDD;color:#999;float:right;font-size:12px;font-weight:bold;height:18px;padding-top:4px;text-align:center;width:83px;}
		.listGoalShouldDo a.btnAddShouldDo:hover{background-color:#E0E0E0;border:1px solid #666;color:#333}
		
		
.recentlyActivity ul{float:left;padding:7px 0px}
	  	.recentlyActivity li{float:left;width:302px;padding-bottom:7px;padding-top:5px;border-bottom:1px solid #F4F4F4}
		.recentlyActivity .avatar25x25{float:left;margin-top:4px}
		.recentlyActivity p{color:#666;font-size:12px;float:left;padding-left:7px;width:250px;line-height:140%}
		.recentlyActivity p a{color:#1984BB}
		.recentlyActivity p a.textGoal{color:#F60;text-decoration:underline}
		.recentlyActivity span{color:#999;font-size:11px;}
.thumbBox{float: left; position: absolute; margin-left: 15px; border: 1px solid rgb(206, 206, 206); padding: 2px 3px 1px 10px; background: none repeat scroll 0% 0% rgb(238, 238, 238); margin-top: -2px;}		
.thumbUpSelected,.thumbDownSelected,.thumbUp, .thumbDown{width:10px;float:left; height:12px;text-indent:-1000000px;}	
.thumbUp{background-position:-62px -230px;}
a.thumbUp:hover{background-position:-62px -216px;}
.thumbDown{background-position:-81px -230px;margin-top:2px}
a.thumbDown:hover{background-position:-81px -216px;}
.thumbUpSelected{background-position:-104px -216px;}
.thumbDownSelected{background-position:-123px -216px;}
.thumbBox b.countNumber{color:#333;font-size:11px !important;margin-left:3px !important;margin-right:8px !important}

.userLikeThis{padding:0px 1px;border:#A7C668;color:#333;font-size:10px}
.userLikeThis a{color:#F60}
.userLikeThis a:hover{text-decoration:underline} 
	.userLikeThis span{font-weight:bold}
	.userLikeThis span a{color:#666}
	.userLikeThis span a:hover{color:#F60}
	
	
	.contentStatic{padding-top:20px;}
	.contentStatic h1{font-size:18px;color:#f60;padding:10px 0px;}
	.contentStatic h2{font-size:16px;color:#333;padding:10px 0px;}
	.contentStatic p{line-height:140%;color:#666}
	
	
.goalMustDo{background-color:#eBFFFC;width:980px;border-bottom:#98DFFC 1px solid;border-top:#98DFFC 1px solid;height:23px;padding:5px;float:left;margin-bottom:10px}
				.goalMustDo .goalNameMustDo{float:left;font-size:15px;color:#666;padding-top:3px;}
				.goalMustDo .goalNameMustDo a{color:#F60;font-weight:bold}
				.goalMustDo .goalNameMustDo a:hover{color:#C52525}
				.goalMustDo .buttonMustDo{float:right;color:#666;}
				.goalMustDo .buttonMustDo b{line-height:24px;margin-right:10px;font-size:10px}
				.goalMustDo .buttonMustDo a{float:right;width:84px;height:14px;background-color:#FEF2E9;border:#F90 solid 1px;color:#821A00;padding:4px;text-align: center;font-weight:bold}
				.goalMustDo .buttonMustDo a:hover{background-color:#F9CCB0;border:1px solid #F30}
				
.allFriendBack, .allFriendNext{float:left;height:21px;width:21px;text-indent:-100000px;}
	.allFriendBack{background-position:-200px -448px;}
	.allFriendNext{background-position:-224px -448px;}
	a.allFriendBack:hover{background-position:-251px -448px;}
	a.allFriendNext:hover{background-position:-275px -448px;}
	.allFriendPaging{float:left;margin-left:236px}